<?php $this->Html->script('jquery.validate', false); ?>
<?php $this->Html->script('jquery.masked.input', false); ?>

<script type="text/javascript">
    $(function(){
        $("#ContatoTelefone").mask("(99)9999-9999");
    });
    
    $(function() {
         $("#CapaFaleconoscoForm").validate({
                rules: {
                        'data[Contato][mensagem]': {
                                required: true,
                                minlength: 5,
                                maxlength: 1000
                        },
                        'data[Contato][assunto]': {
                                required: true,
                                minlength: 3,
                                maxlength: 30
                        },
                        'data[Contato][nome]': {
                                required: true,
                                minlength: 3,
                                maxlength: 50
                        },
                        'data[Contato][telefone]': {
                                required: true,
                                minlength: 13,
                                maxlength: 13
                        },
                        'data[Contato][email]': {
                                required: true,
                                email: true,
                                minlength: 5,
                                maxlength: 50
                        }
                },
                messages: {
                    'data[Contato][mensagem]': 'Por favor, digite sua mensagem corretamente',
                    'data[Contato][assunto]': 'Por favor, digite o assunto corretamente',
                    'data[Contato][nome]': 'Por favor, digite seu nome corretamente',
                    'data[Contato][telefone]': 'Por favor, digite seu telefone corretamente',
                    'data[Contato][email]': 'Por favor, digite seu e-mail corretamente'
                }
        });
    });
</script>

<div id="titulo_apresentacao">
    <?= $this->Html->image("seta.png", array('class' => 'seta')); ?><h1>Fale Conosco</h1><p>
</div>         

<br />

<?php echo $this->Form->create('Capa', array('url' => array('controller' => 'capa', 'action' => 'faleconosco'), 'class'=>"formpadrao") ); ?>
    <div class="contato">
        Campos obrigatórios são indicados por * <br /><br />

        <label for="assunto">* Assunto</label>
        <?= $this->Form->input('Contato.assunto', array('label'=>false, 'class' => 'validar')); ?>

        <label for="titulo">* Nome</label>
        <?= $this->Form->input('Contato.nome', array('label'=>false, 'class' => 'validar')); ?>

        <label for="titulo">* Telefone</label>
        <?= $this->Form->input('Contato.telefone', array('label'=>false, 'class' => 'validar')); ?>

        <label for="titulo">* E-mail</label>
        <?= $this->Form->input('Contato.email', array('label'=>false, 'class' => 'validar')); ?>

        <label for="titulo">* Mensagem</label>
        <?= $this->Form->input('Contato.mensagem', array('label'=>false, 'type' => 'textarea', 'cols'=> '45', 'rows'=>'12')); ?>

        <label for="titulo">* Chave de segurança (Digite os caracteres mostrados abaixo)</label>
        <img src="/capa/security_img" alt="digite os caracteres" name="security" id="security" />
        <?= $this->Form->input('carregarkey', array('label'=>false, 'name'=>'carregarkey', 'id'=>'carregarkey')); ?>
        <?php echo isset($erro) ? $erro : ''; ?>
    </div>
<?php echo $this->Form->end('enviar mensagem' ); ?>